.wrap {
    width: 10rem;
    min-height: 17.7867rem;
    background-color: pink;

    header {
        width: 10rem;
        height: 1.1733rem;
        background-color: #F2F2F2;

        div {
            margin-left: .2667rem;
            line-height: 1.1733rem;

            span {
                font-size: .4rem;
                color: #333;
                font-weight: 700;
            }

            span:nth-child(1) {
                margin-right: .2667rem;
                color: red;
            }
        }
    }

    .content {
        .bg {
            width: 10rem;
            height: 4.4rem;
            background-image: url('../img/backgroud@2x.png');
            position: relative;

            .img_header {
                width: 2.2667rem;
                height: 2.2667rem;
                background-image: url('../img/取消关注、@2x.png');
                border-radius: 50%;
                border: 1px solid red;
                box-sizing: border-box;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                z-index: 10;
            }
        }

        .title {
            width: 9.4667rem;
            height: 5.3333rem;
            background-color: white;
            border-radius: .4rem;
            position: relative;
            top: -2rem;
            left: .2667rem;

            div:first-child {
                padding-top: .5333rem;

                p {
                    margin-top: .5333rem;
                    text-align: center;
                }
            }

            div:nth-child(2) {
                ul {
                    display: flex;
                    justify-content: space-around;
                }
            }
        }


    }
}